    
<? 
require_once 'includes/funciones.php';
conexion();
?>
<head>
<!-- Copyright 2005 Macromedia, Inc. All rights reserved. -->
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>


<script type="text/javascript" src="plugins/jquery_validate/jquery.validate.js"></script>
        <link type="text/css"  href="plugins/jq_ui/css/custom-theme/jquery-ui-1.8.14.custom.css" rel="stylesheet"/> 
        <script src="plugins/jq_ui/js/jquery-1.4.4.min.js"></script>
	<script  src="plugins/jq_ui/development-bundle/ui/jquery.ui.widget.js"></script>
	<script src="plugins/jq_ui/development-bundle/ui/jquery.ui.button.js"></script>
	
<script type="text/javascript">
$(function()
    {
	$( "#boton1" )
        	.button()
    })
</script>

<script language="JavaScript"  type="text/JavaScript">
    $(document).ready(function(){
        $("#reg").change(function(event){
            var id = $("#reg").find(':selected').val();
                $("#dpto").load('selectdpto.php?var='+id);
                 $("#dptoayuda").load('selectdptoayuda.php?var='+id);
                 $("#muni").load('selectmuni.php');
        });

    });

</script>
<script language="JavaScript"  type="text/JavaScript">
    $(document).ready(function(){
        $("#dpto").change(function(event){
            var a = '';
            var idm = $("#dpto").find(':selected').val();  
            $("#muni").load('selectmuni.php?var='+idm);
                 $("#dptoayuda").load('selectdptoayuda.php?var='+a);
        });

    });

</script>

</head>
<!-- The structure of this file is exactly the same as 2col_leftNav.html;
     the only difference between the two is the stylesheet they use -->

<body>
 <div id="encabezado">
   	<?php
	require_once("encabezado.php");

	?> 
</div>
<!-- end masthead -->
<div id="content">
  <div id="breadCrumb"></div>
  <h2 id="pageName">Cargar Mapa </h2>
  <div class="feature">
    <form id="form1" name="form1" method="post" action="">

  <label> Pais</label>
 
    <select name="pais" id="pais">
                <?php
                $concla= mysql_query("select p.id,p.nombre from samptyt.pais as p;");
                while($rowconcla=mysql_fetch_array($concla))
                    {
                        echo '<option value="'.$rowconcla['id'].'">'.$rowconcla['nombre'].' </option>';
                    }
                    ?>
        
  </select>
  <label> Provincia</label>
 
  <select name="prov" id="prov">
                <?php
                $concla= mysql_query("select p.id,p.nombre from samptyt.provincia as p;");
                while($rowconcla=mysql_fetch_array($concla))
                    {
                        echo '<option value="'.$rowconcla['id'].'">'.$rowconcla['nombre'].' </option>';
                    }
                    ?>
        
  </select>
  
  <br></br>
  <label>Region</label>
  <select name="reg" id="reg">
      
        <option value ="">Selecione Region</option>
                <?php
                $concla= mysql_query("select r.id, r.nombre from samptyt.region as r;");
                while($rowconcla=mysql_fetch_array($concla))
                    {
                        echo '<option value="'.$rowconcla['id'].'">'.$rowconcla['nombre'].' </option>';
                    }
                    ?>
        
  </select>
  
  
  </label>
  
  
  <label>
      Departamento
  <select name="dpto" id="dpto">
      <option value ="">Selecione Departamento</option>
  </select>
  </label>
  
    <label>
        Municipio
  <select name="muni" id="muni">
      <option value ="">Selecione Municipio</option>
  </select>
  </label>
  
</form>
    <div id="dptoayuda"></div>
    
<?php 


/*
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */
?>
    
    </div>
  <div class="story">
    <h3>&nbsp;</h3>
  </div>
  <div class="story"></div>
</div>
<!--end content -->
<div id="navBar">
  <div id="search">
    <form action="#">
      <label>search</label>
      <input name="searchFor" type="text" size="10" />
      <input name="goButton" type="submit" value="go" />
    </form>
  </div>
  <div id="sectionLinks">
    <ul>
      <li><a href="#">Section Link</a></li>
      <li><a href="#">Section Link</a></li>
      <li><a href="#">Section Link</a></li>
      <li><a href="#">Section Link</a></li>
      <li><a href="#">Section Link</a></li>
      <li><a href="#">Section Link</a></li>
    </ul>
  </div>
  <div class="relatedLinks">
    <h3>Related Link Category</h3>
    <ul>
      <li><a href="#">Related Link</a></li>
      <li><a href="#">Related Link</a></li>
      <li><a href="#">Related Link</a></li>
      <li><a href="#">Related Link</a></li>
      <li><a href="#">Related Link</a></li>
      <li><a href="#">Related Link</a></li>
    </ul>
  </div>
  <div class="relatedLinks">
    <h3>Related Link Category</h3>
    <ul>
      <li><a href="#">Related Link</a></li>
      <li><a href="#">Related Link</a></li>
      <li><a href="#">Related Link</a></li>
      <li><a href="#">Related Link</a></li>
      <li><a href="#">Related Link</a></li>
      <li><a href="#">Related Link</a></li>
    </ul>
  </div>
  <div id="advert"> <img src="" alt="" width="107" height="66" /> Ad copy ad copy ad copy. Ad copy ad copy. </div>
  <div id="headlines">
    <h3>Headlines</h3>
    <p> Headline <a href="#">full story...</a> </p>
    <p> Headline <a href="#">full story...</a> </p>
    <p> Headline <a href="#">full story...</a> </p>
    <p> Headline <a href="#">full story...</a> </p>
  </div>
</div>
<!--end navBar div -->
<div id="siteInfo"> <img src="" width="44" height="22" /> <a href="#">About Us</a> | <a href="#">Site Map</a> | <a href="#">Privacy Policy</a> | <a href="#">Contact Us</a> | </div>
<br />
</body>
</html>